<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xml:lang="#{localeBean.language}"
      lang="#{localeBean.language}"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

<f:view locale="#{localeBean.locale}">
    <ui:insert name="metadata"/>

    <h:head>
        <title>#{msgs['main_title']}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <h:outputStylesheet library="css" name="general.css"/>
        <h:outputStylesheet library="css" name="jquery.treeview.css"/>
        <h:outputStylesheet library="css" name="jquery.ui.tabs.css"/>
        <h:outputStylesheet library="css" name="jquery.ui.theme.css"/>
        <h:outputStylesheet library="css" name="jquery.ui.core.css"/>
        <h:outputStylesheet library="css" name="jquery.dataTables.css"/>
        <h:outputStylesheet library="css" name="jquery-ui-1.8.21.custom.css"/>

        <h:outputScript library="js" name="jquery-1.7.2.js"/>
        <h:outputScript library="js" name="jquery.cookie.js"/>
        <h:outputScript library="js" name="jquery.ui.core.js"/>
        <h:outputScript library="js" name="jquery.ui.widget.js"/>
        <h:outputScript library="js" name="jquery.ui.tabs.js"/>
        <h:outputScript library="js" name="jquery.treeview.js"/>
        <h:outputScript library="js" name="jquery.dataTables.js"/>
        <h:outputScript library="js" name="jquery-ui-1.8.21.custom.min.js"/>
        <h:outputScript library="js" name="general.js"/>
    </h:head>

    <!--<style type="text/css" title="currentStyle">-->
    <!--@import "../../media/css/demo_page.css";-->
    <!--@import "../../media/css/demo_table_jui.css";-->
    <!--@import "../examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css";-->
    <!--</style>-->
    <!--<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>-->
    <!--<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>-->


    <h:body>
        <div id="header" class="main-header">
            <ui:include src="/resources/includes/header.xhtml"/>
        </div>

        <div id="body">
            <ui:insert name="body"/>
        </div>

        <div id="footer" class="main-footer">
        <!--<ui:include src="/resources/includes/footer.xhtml"/>-->
        </div>
    </h:body>
</f:view>
</html>
